<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.org/ui">
    <h:head>
        <title>NetBrain</title>
        <link rel="stylesheet" href="resources/css/style.css" />
        <style type="text/css">
            html {
                height: 100%;
            }
            body {
                height: 80%
            }
        </style>
    </h:head>
    <h:body>
        <div id="encabezado">
            <div id="barra_herramientas">
                <div id="firma_busqueda">
                    <div id="sector">
                        <img alt="Firma Institucional"
                             src="resources/img/logo_netbrain.png" />
                    </div>
                </div>
            </div>
        </div>
        <div id="cuerpo_interna">
            <div class="renglon">
                <div class="cuadro K fondo_columna">
                </div>
                <div class="cuadro B">
                    <h:form id="frmMenu">
                        <p:growl id="messages"/> 
                        <p:menubar autoDisplay="false">  
                            <p:menuitem value="Inicio" url="#" icon="home" />  
                            <p:submenu label="Configuración" icon="settings">  
                                <p:menuitem value="Instalación" url="install.jsf" />  
                                <p:menuitem value="Almacenamiento" url="#" />
                                <p:menuitem value="Servicio web" url="#" />
                                <p:menuitem value="Estilos y Apariencia" url="#" />
                                <p:menuitem value="Idiomas disponibles" url="#" />
                                <p:menuitem value="Datos de seguridad" url="#" />
                                <p:menuitem value="Base de datos" url="#" />
                                <p:menuitem value="Tipos de archivos" url="typeFile.jsf" />
                                <p:menuitem value="Organizaciones" url="organizations.jsf" />
                            </p:submenu>  
                            <p:submenu label="Usuarios y Grupos" icon="users">  
                                <p:menuitem value="Usuarios LDAP" url="#" />
                                <p:menuitem value="Usuarios" url="#" />
                                <p:menuitem value="Grupos" url="#" />
                                <p:menuitem value="Firma electronica" url="#" />
                                <p:menuitem value="Propiedades" url="#" />
                                <p:menuitem value="Perfiles y Roles" url="profile.jsf" />
                            </p:submenu>  
                            <p:submenu label="Repositorios" icon="storage">  
                                <p:menuitem value="Repositorios" url="repositories.jsf" />  
                                <p:menuitem value="Expedientes" url="records.jsf" />
                                <p:menuitem value="Catalogos" url="catalogs.jsf" />
                            </p:submenu>  
                            <p:submenu label="Seguimiento" icon="storage">  
                                <p:menuitem value="Catalogos" url="#" />  
                                <p:menuitem value="Servicio SMTP" url="#" />
                                <p:menuitem value="Creación" url="#" />
                                <p:menuitem value="Perfiles y Roles" url="#" />
                                <p:menuitem value="Estados de flujo" url="#" />
                                <p:menuitem value="Reportes" url="#" />
                                <p:menuitem value="Notificadores" url="#" />
                            </p:submenu>                  
                            <p:menuitem value="Salir" url="login.jsf" icon="exit" />  
                        </p:menubar>
                    </h:form>
                    <div class="renglon">
                        <div class="cuadro A">
                            <p:panel id="catalPanel" header="Catálogos">
                                <h:form>
                                    <p:dataTable>
                                        <p:column headerText="Nombre de Catálogo">
                                            <h:outputLabel value="Catálogo" />
                                        </p:column>
                                        <p:column headerText="">
                                            <p:commandButton oncomplete="rolDialog.show()" icon="edit" title="Editar" />
                                        </p:column>
                                    </p:dataTable>
                                    <p:commandButton value="Agregar Catálogo" onclick="ncat.show()" />
                                    <hr />
                                    <p:dataTable>
                                        <p:column headerText="Nombre de Dato">
                                            <h:outputLabel value="Dato" />
                                        </p:column>
                                        <p:column headerText="">
                                            <p:commandButton oncomplete="rolDialog.show()" icon="edit" title="Editar" />
                                        </p:column>
                                    </p:dataTable>
                                    <p:commandButton value="Agregar Dato" onclick="ndat.show()" />
                                </h:form>
                            </p:panel>
                            <p:dialog id="ncatalogo" header="Agregar Catálogo" widgetVar="ncat" modal="true">
                                <h:form>
                                    <h:panelGrid columns="2" cellpadding="5">
                                        <h:outputLabel for="nombreCatalogo" value="Nombre de Catálogo:" />
                                        <p:inputText value="" id="nombreCatalogo" required="true" />

                                        <p:commandButton id="addCat" value="Agregar" />
                                    </h:panelGrid>

                                </h:form>
                            </p:dialog>
                            <p:dialog id="ndatcat" header="Agregar Dato" widgetVar="ndat" modal="true">
                                <h:form>
                                    <h:panelGrid columns="2" cellpadding="5">
                                        <h:outputLabel for="nombreDato" value="Nombre de Dato:" />
                                        <p:inputText value="" id="nombreDato" required="true" />

                                        <p:commandButton id="addDat" value="Agregar" />
                                    </h:panelGrid>

                                </h:form>
                            </p:dialog>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div id="pie">
                <address>
                    - ALGUNOS DERECHOS RESERVADOS
                    &copy; 2012 - <a title="Políticas de privacidad" href="#">POLÍTICAS
                        DE PRIVACIDAD</a>
                </address>
        </div>
    </h:body>
</html>


